import React, { Component } from 'react'

import Parent from './components/Parent'

import { Provider } from './context.js'

// console.log(Provider)


import Uncle from './components/Uncle'
import PropsList from './components/PropsList'


import LifeCom from './components/LifeCom'

import TextArea from './components/TextArea'
import AxiosCpm from './AxiosCpm'

export default class App extends Component {

    state = {
        msg: '我有6套房子 每一套 负债 100万',
        list: ['vue2', 'vue3', 'react', 'web', 'java', 'ui', 'python']
    }

    render () {
        return (
            // <Provider value={this.state.msg}>
            //     <div>App  爷爷组件--------  {this.state.msg}


            //         <Parent></Parent>
            //         <Uncle></Uncle>

            //     </div>

            // </Provider>

            // <PropsList list={this.state.list} msg={this.state.msg} name='詹三'

            //     num={10}

            //     obj={{ userName: '泰国', ageL: 100, sex: '不男' }}
            // ></PropsList>

            // <LifeCom></LifeCom>

            // <TextArea></TextArea>
            <AxiosCpm></AxiosCpm>
        )
    }
}
